/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<   变压器详情   >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.BottomTransformator-DetailTransformator {
  padding: 0 16px;

  /* ============================== 展示内容 ============================== */
  .CoreWeb-ShowContent {
    border-color: transparent;

    &:hover {
      border-color: transparent;
    }
  }

  /* ============================== 设备名称 ============================== */
  > div:first-child {
    /* —————————————————————————————— 文字 —————————————————————————————— */
    b {
      line-height: 34px;
      margin-right: 30px;
      font-size: 17px;
      color: var(--Black8);

      &::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 6px;
        height: 16px;
        border-radius: 3px;
        background: #287def;
      }
    }
  }

  /* ============================== 展示项 ============================== */
  .CoreWeb-ShowItem {
    margin: 0 !important;
  }

  /* ============================== 展示内容 ============================== */
  .CoreWeb-ShowContent {
    padding-left: 6px !important;
    padding-right: 4px !important;
  }

  /* ============================== 实时刷新 ============================== */
  .MaintainManage-RealtimeRefresh {
    margin-top: 6px;

    /* —————————————————————————————— 文字 —————————————————————————————— */
    > b {
      margin-right: 12px;
    }
  }

  /* ============================== 表头 ============================== */
  .el-table__header {
    /* —————————————————————————————— 单元格 —————————————————————————————— */

    .el-table__cell {
      padding: 6px 0 !important;
      background: #f4f6f8 !important;
    }
  }

  /* ============================== 表体 ============================== */
  .el-table__body {
    /* —————————————————————————————— 偶数行 —————————————————————————————— */
    .el-table__row:nth-child(even) {
      background: #f8fafb !important;
    }

    /* —————————————————————————————— 单元格 —————————————————————————————— */
    .el-table__cell {
      padding: 0 !important;
    }

    /* —————————————————————————————— 数值 —————————————————————————————— */
    .CoreWeb-RowNum {
      font-weight: bold;
      color: #287def;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     滚动条     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .BottomTransformator-DetailTransformator {
  /*============================== 滚动条 ==============================*/
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  /*============================== 垂直滑块 ==============================*/
  ::-webkit-scrollbar-thumb:vertical {
    border-radius: 30px;
    background: linear-gradient(
      to right,
      transparent 20%,
      rgba(188, 207, 227, 0.4) 25%,
      rgba(188, 207, 227, 0.4) 75%,
      transparent 80%
    ) !important;
  }

  /*============================== 水平滑块 ==============================*/
  ::-webkit-scrollbar-thumb:horizontal {
    border-radius: 30px;
    background: linear-gradient(
      to bottom,
      transparent 20%,
      rgba(188, 207, 227, 0.4) 25%,
      rgba(188, 207, 227, 0.4) 75%,
      transparent 80%
    ) !important;
  }
}
